<!-- wp:html -->
<style>

/* this block is here so it is easier for me to distribute my css to your wordpress installation.
This is not good practice. You should create a new Page Template and add your CCS there. */

BODY {
  color: yellow;
  background-color: black;
}

a , a:visited{
  color: yellow;
}

</style>
<!-- /wp:html -->

<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center" id="top">[ETSWP_get_input name='ETSWP_first_name'], your question is: [ETSWP_get_input name='ETSWP_question']</p>
<!-- /wp:paragraph -->

<!-- wp:columns {"isStackedOnMobile":false} -->
<div class="wp-block-columns is-not-stacked-on-mobile"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">Past</p>
<!-- /wp:paragraph -->

<!-- wp:image {"align":"center","sizeSlug":"large","linkDestination":"custom"} -->
<figure class="wp-block-image aligncenter size-large"><a href="#Past"><img src="[ETSWP_pluginpath]/images/backsmall.jpg" alt="Past"/></a></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">Present</p>
<!-- /wp:paragraph -->

<!-- wp:image {"align":"center","sizeSlug":"large","linkDestination":"custom"} -->
<figure class="wp-block-image aligncenter size-large"><a href="#Present"><img src="[ETSWP_pluginpath]/images/backsmall.jpg" alt="Present"/></a></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">Future</p>
<!-- /wp:paragraph -->

<!-- wp:image {"align":"center","sizeSlug":"large","linkDestination":"custom"} -->
<figure class="wp-block-image aligncenter size-large"><a href="#Future"><img src="[ETSWP_pluginpath]/images/backsmall.jpg" alt="Future"/></a></figure>
<!-- /wp:image --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:group {"style":{"border":{"width":"1px","radius":"5px"}},"layout":{"type":"constrained"}} -->
<div id="Past" class="wp-block-group" style="border-width:1px;border-radius:5px"><!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">Past</p>
<!-- /wp:paragraph -->

<!-- wp:image {"align":"center","sizeSlug":"large"} -->
<figure class="wp-block-image aligncenter size-large"><img src="[ETSWP_pluginpath][ETSWP_get_db_item item='1' column='itemimage']" alt="Past"/><figcaption class="wp-element-caption">[ETSWP_get_db_item item='1' column='itemname']</figcaption></figure>
<!-- /wp:image -->

<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">[ETSWP_get_db_item item='1' column='itemblurb']</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center"><a href="#top">Top ^</a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"style":{"border":{"radius":"5px","width":"1px"}},"layout":{"type":"constrained"}} -->
<div id="Present" class="wp-block-group" style="border-width:1px;border-radius:5px"><!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">Present</p>
<!-- /wp:paragraph -->

<!-- wp:image {"align":"center","sizeSlug":"large"} -->
<figure class="wp-block-image aligncenter size-large"><img src="[ETSWP_pluginpath][ETSWP_get_db_item item='2' column='itemimage']" alt="Present"/><figcaption class="wp-element-caption">[ETSWP_get_db_item item='2' column='itemname']</figcaption></figure>
<!-- /wp:image -->

<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">[ETSWP_get_db_item item='2' column='itemblurb']</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center"><a href="#top">Top ^</a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"style":{"border":{"width":"1px","radius":"5px"}},"layout":{"type":"constrained"}} -->
<div id="Future" class="wp-block-group" style="border-width:1px;border-radius:5px"><!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">Future</p>
<!-- /wp:paragraph -->

<!-- wp:image {"align":"center","sizeSlug":"large"} -->
<figure class="wp-block-image aligncenter size-large"><img src="[ETSWP_pluginpath][ETSWP_get_db_item item='3' column='itemimage']" alt="Future"/><figcaption class="wp-element-caption">[ETSWP_get_db_item item='3' column='itemname']</figcaption></figure>
<!-- /wp:image -->

<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">[ETSWP_get_db_item item='3' column='itemblurb']</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center"><a href="#top">Top ^</a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->
